<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>陶瓷</title>
	</head>

	<link rel="stylesheet" type="text/css" href="css/陶瓷.css" />

	</style>


	<body>
		<!-- 导航 -->
		<div class="nav">
			<span>HOME</span>
			<span>PROFUCTS</span>
			<span>ABOUT</span>
			<span>TESTLMONLALS</span>
			<span>GALLERY</span>
			<span>SERVLCESCONTACT</span>
		</div>
		<div class="pho">
			图标
			<p style="width: 10px;">
			<img src="img/1.png">
			<img src="img/1.png">
			<img src="img/1.png">
			<img src="img/1.png">
			<img src="img/1.png">
			</p>

		</div>

		<!-- banner横幅 -->
		<div class="banner">
			<span>HANDLCRAETS</span>
			<p>
				Lapeyrouse Adults trained the young in
				the knoledge and skils inFashion
				Elle Moscow,Russia Form
				<a>$50</a>
			</p>
		</div>
		<div class="products">
			<a>products</a>
		</div>
		<!-- border边框 -->
		<div class="border">
			<!-- 盒子模型图片文本块状元素 -->
			<div class="item">

				<img src="img/wl1.jpg">
			</div>
			<div class="item">
				<img src="img/wl2.jpg">
			</div>
			<div class="item">
				<img src="img/wl3.jpg">
			</div>
			<div class="item">
				<img src="img/wl4.jpg">
			</div>
			<div class="sed-one">
				<div class="sed">
				<a>Sed ut perspicatis unde</a>
				<br>
				<br>
				Adults trained the young
				inthe knowledge and
				skillsLapeyrouse inFashion
				ElleMoscow,Russla
			</div>
			<div class="sed">
				<a>Sed ut perspicatis unde</a>
				<br>
				<br>
				Adults trained the young
				inthe knowledge and
				skillsLapeyrouse inFashion
				ElleMoscow,Russla
			</div>
			<div class="sed">
				<a>Sed ut perspicatis unde</a>
				<br>
				<br>
				Adults trained the young
				inthe knowledge and
				skillsLapeyrouse inFashion
				ElleMoscow,Russla
			</div>
			<div class="sed">
				<a>Sed ut perspicatis unde</a>
				<br>
				<br>
				Adults trained the young
				inthe knowledge and
				skillsLapeyrouse inFashion
				ElleMoscow,Russla
			</div>
			</div>
			
		</div>
		<div class="about">
			<!-- 文本 -->
			<a>about</a>
		</div>
		<div class="justo">
			<!-- 文本块状元素 -->
			<div class="text">
				<a>Integer facijisis auctor
					ante.Praesent pellentesque,
					magna euegestas varius,ligula
					ipsum pulvinar mauris,quis
					sodales urna enim eget enim.
					Donec sed gravida eros,
					erauctor enim.</a>
			</div>
			<div class="text">
				Fusce vulputate vel nisl at
				condimentum.Etiamefficitur
				est eu mauris mattis,vestibulum
				semperlibero tempus.Quispue at
				augua venenatis,varius est ut,
				tristique justo.
			</div>
			<div class="span">
				Fusce vulputate vel nisl at
				condimentum.Etiamefficitur
				est eu mauris mattis,vestibulum
				semperlibero tempus.Quispue at
				augua venenatis,varius est ut,
				tristique justo.
			</div>
			<div class="fusce">
				Fusce vulputate vel nisl at
				condimentum.Etiamefficitur
				est eu mauris mattis,vestibulum
				semperlibero tempus.Quispue at
				augua venenatis,varius est ut,
				tristique justo.
			</div>
			<div class="PaperPlane">
				<!-- 纸飞机图标 -->
				<img src="img/F.png">
			</div>
		</div>
		<br>
		<br>
		<br>
		<div class="ourTeam">
			our Team
		</div>

		<div class="content">
			<div class="header">
				<div class="popular"></div>
				<img src="img/t1.jpg">
			</div>
			<div class="header">
				<div class="popular"></div>
				<img src="img/t2.jpg">
			</div>
			<div class="header">
				<div class="popular"></div>
				<img src="img/t3.jpg">
			</div>
			<div class="header">
				<div class="popular"></div>
				<img src="img/t4.jpg">
			</div>
			<div class="hot">
				<a>Conteary to popular</a>
				<br>
				<br>
				But l must explain to you
				how all<br>this mistaken idea
				of denouncing
			</div>
			<div class="hot">
				<a>Conteary to popular</a>
				<br>
				<br>
				But l must explain to you
				how all<br>this mistaken idea
				of denouncing
			</div>
			<div class="hot">
				<a>Conteary to popular</a>
				<br>
				<br>
				But l must explain to you
				how all<br>this mistaken idea
				of denouncing
			</div>
			<div class="hot">
				<a>Conteary to popular</a>
				<br>
				<br>
				But l must explain to you
				how all<br>this mistaken idea
				of denouncing
			</div>
		</div>
		<div class="login">
			<span>what people say?</span>

			<div class="logo">
				<img src="img/p-1.png">
			</div>
			<div class="news">
				<img src="img/p-2.png">
			</div>
			<div class="column">
				Quisque gravida pharetra vehicula<br />
				Fusce vulputate vel nisl at condimentum.
				Etiam efficitur est eu maurismattis,vestibulum
				semper libero tempus.Quispue at augua venenatis.
			</div>
			<div class="column" style="margin-left: 230px;">

				Quisque gravida pharetra vehicula<br />
				Fusce vulputate vel nisl at condimentum.
				Etiam efficitur est eu maurismattis,vestibulum
				semper libero tempus.Quispue at augua venenatis.
			</div>
		</div>
		<br>
		<br>
		<div class="status">
			<div class="Gallry">
				<!-- 文本 -->
				<a>Gallry</a>
			</div>
			<div class="copyright">
				<div class="msg">
					<img src="img/g1.jpg">
				</div>
				<div class="msg">
					<img src="img/g2.jpg">
				</div>
				<div class="msg">
					<img src="img/g3.jpg">
				</div>
				<div class="msg">
					<img src="img/g4.jpg">
				</div>
				<div class="msg">
					<img src="img/g1.jpg">
				</div>
				<div class="msg">
					<img src="img/g2.jpg">
				</div>
				<div class="msg">
					<img src="img/g3.jpg">
				</div>
				<div class="msg">
					<img src="img/g4.jpg">
				</div>
				<div class="msg">
					<img src="img/g1.jpg">
				</div>
				<div class="msg">
					<img src="img/g2.jpg">
				</div>
				<div class="msg">
					<img src="img/g3.jpg">
				</div>
				<div class="msg">
					<img src="img/g4.jpg">
				</div>
			</div>
		</div>


		<div class="serous">
			<div class="sidebar">
				our serous
			</div>
			<div class="serous-font">
				<img src="img/sQ.png">
				<p>Duis quis risus a nunc
					ulticies varius.Aeneanaliquam
					pellentesque magnaconsectetur
					hendrerit.Cum sociis natoque
					penatibus.</p>
			</div>
			<div class="serous-font">
				<img src="img/sQ.png">
				<p>Duis quis risus a nunc
					ulticies varius.Aeneanaliquam
					pellentesque magnaconsectetur
					hendrerit.Cum sociis natoque
					penatibus.</p>
			</div>
			<div class="serous-font">
				<img src="img/sQ.png">
				<p>Duis quis risus a nunc
					ulticies varius.Aeneanaliquam
					pellentesque magnaconsectetur
					hendrerit.Cum sociis natoque
					penatibus.</p>
			</div>
			<div class="serous-font">
				<img src="img/sQ.png">
				<p>Duis quis risus a nunc
					ulticies varius.Aeneanaliquam
					pellentesque magnaconsectetur
					hendrerit.Cum sociis natoque
					penatibus.</p>
			</div>
			<div class="serous-font">
				<img src="img/sQ.png">
				<p>Duis quis risus a nunc
					ulticies varius.Aeneanaliquam
					pellentesque magnaconsectetur
					hendrerit.Cum sociis natoque
					penatibus.</p>
			</div>
			<div class="serous-font">
				<img src="img/sQ.png">
				<p>Duis quis risus a nunc
					ulticies varius.Aeneanaliquam
					pellentesque magnaconsectetur
					hendrerit.Cum sociis natoque
					penatibus.</p>
			</div>
		</div>

		<div class="suscipit">
			<div class="sociis">
				<div class="natoque">
					contct
				</div>
				<div class="sociis-font">
					<p><b>HANDICRAFTS Ltd.</b></p>
					<a>Fuse suscipit sit</a><br>
					<a>amet 26 Aenean</a><br>
					<a>dignissim</a><br>
					<a>str.LONDON,UK</a><br>
					<a>t.=255 55 55 666</a><br>
					<a>m.=255 55 55 777</a><br>
					<a>e-mail:</a><br>
				</div>
				<div class="varius">
					<p><b>SAY HELLO</< /b>
					</p>
					<input type="text" id="" value="" style="width: 300px; margin-top: 25px;" /> <a>you name</a>
					<br>
					<input type="text" id="" value="" style="width: 300px; margin-top: 25px;" /> <a>e-mail</a>
					<br>
					<textarea rows="" cols=""
						style="margin-left: 30px; width: 250px; margin-top: 25px; height: 62px;"></textarea>
					<br>
					<input type="reset" value="send" style="height: 50px;" />
				</div>
			</div>
		</div>

		<div class="container">
			<div class="inf">
				<div class="inf-font">
					<p><b>INFORMATION</b></p>
					<a>HOME</a><br>
					<a>PROFUCTS</a><br>
					<a>ABOUT</a><br>
					<a>TESTLMONLALS</a><br>
					<a>GALLERY</a><br>
					<a>SERVLCES</a><br>
					<a>CONTACT</a><br>
				</div>
			</div>

			<div class="follow">
				<b>FOLLOW US</b>
				<div class="follow-font">

					<img src="img/d2%20(2).png">
				</div>
				<div class="follow-font">
					<img src="img/d2%20(1).png">
				</div>
				<div class="follow-font">
					<img src="img/13.png">
				</div>
			</div>
			<div class="account">

				<b>MY ACCOUNT</b><br><br>
				<a>my account</a><br><br>
				<a>my addresses</a><br><br>

			</div>
			<div class="new">
				<b>NEWSLETTER</b><br><br>
				<input type="text" id="" value="" / style="width: 230px;">
			</div>
		</div>











	</body>
</html>
